body{ color:#4b4b4b;font-family:Arial, Helvetica, sans-serif;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,textarea,div{margin:0px;padding:0px; list-style:none; line-height:24px;font-size:12px; font-weight:normal;}
body,div,ul,li,dl,dt,dd{ font-size:12px;}
.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1; font-size:0px;}
a{ color:#4b4b4b; text-decoration:none}
a:hover{ color:#ba1b21; text-decoration:none;} 
img{ border:none;}
.c{ clear:both}

.wrapper{ width:1109px; margin:0 auto;}







.header_bg{ background:url(../images/header_bg.jpg) top center no-repeat; height:100px; width:100%;}
.logo{ width:229px; float:left;}
.ad{ width:313px; float:left; margin-left:70px; display:inline; height:100px; overflow:hidden}
.tel{ float:right; width:249px;}



.nav_bg{ background:url(../images/nav_bg.jpg) top center no-repeat; height:47px; width:100%;}
.nav { width:1109px; margin:0 auto}
.nav ul{ height:47px; }
.nav ul li{ float:left; position:relative; z-index:10000;  }

.nav ul li div.hover1{ background: url(../images/nav.png) no-repeat; }
.nav ul li.nav0{width:125px;}
.nav ul li.nav1{width:150px;}
.nav ul li.nav2{width:132px}
.nav ul li.nav3{width:157px;}
.nav ul li.nav4{width:141px;}
.nav ul li.nav5{width:140px;}
.nav ul li.nav6{width:145px;}
.nav ul li.nav7{width:119px;}
.nav ul li.nav0 div.nav0{ background-position:0 0; width:125px;height:94px;}
.nav ul li.nav1 div.nav1{ background-position:-125px 0; width:150px;height:94px;}
.nav ul li.nav2 div.nav2{ background-position:-275px 0; width:132px;height:94px;}
.nav ul li.nav3 div.nav3{ background-position:-407px 0; width:157px;height:94px;}
.nav ul li.nav4 div.nav4{ background-position:-564px 0; width:141px;height:94px;}
.nav ul li.nav5 div.nav5{ background-position:-705px 0; width:140px;height:94px;}
.nav ul li.nav6 div.nav6{ background-position:-845px 0; width:145px;height:94px;}
.nav ul li.nav7 div.nav7{ background-position:-990px 0; width:119px;height:94px;}

.nav ul li a.na{ display:block;width:100%; height:47px;overflow:hidden }

ul li .nlist{top:55px; position:absolute; display:none; background:url(../images/nav_bg.png) repeat left top; width:369px; padding:17px 22px;  z-index:1000}
ul li .nlist span.bg{ background:url(../images/arrow.png) no-repeat top left; width:5px; height:4px; position:absolute;  z-index:10000; }
ul li .nlist ul li a{padding-left:20px; overflow:hidden}
ul li .nlist ul li a:hover{  color:#715d41}

ul li.nav1 .nlist{ left:33px;}
ul li.nav1 .nlist span.bg{top:-4px; left:40px;} 
ul li.nav1 .nlist .img{ float:left; width:155px; height:99px; overflow:hidden}
ul li.nav1 .nlist ul{ float:right; width:188px;}
ul li.nav1 .nlist ul li{ line-height:26px; background:url(../images/ico111.png) no-repeat 5px; color:#fff; margin-right:10px; width:80px; }
ul li.nav1 .nlist ul li a{ color:#fff}

ul li.nav2 .nlist{ left:-65px;width:455px;}
ul li.nav2 .nlist span.bg{top:-4px; left:130px;} 
ul li.nav2 .nlist .img{ float:left; width:155px; height:99px; overflow:hidden;}
ul li.nav2 .nlist ul{ float:right; width:270px; height:99px;}
ul li.nav2 .nlist ul li{ line-height:26px; background:url(../images/ico111.png) no-repeat 5px; color:#fff ; margin-right:10px; width:80px;}
ul li.nav2 .nlist ul li a{ color:#fff}



ul li.nav3 .nlist{ left:-50px;width:455px;}
ul li.nav3 .nlist span.bg{top:-4px; left:130px;} 
ul li.nav3 .nlist .img{ float:left; width:155px; height:99px; overflow:hidden}
ul li.nav3 .nlist ul{ float:right; width:270px; height:99px;}
ul li.nav3 .nlist ul li{ line-height:26px; background:url(../images/ico111.png) no-repeat 5px; color:#fff; margin-right:10px; width:80px; }
ul li.nav3 .nlist ul li a{ color:#fff}


ul li.nav4 .nlist{ left:-70px;width:455px;}
ul li.nav4 .nlist span.bg{top:-4px; left:130px;} 
ul li.nav4 .nlist .img{ float:left; width:155px; height:99px; overflow:hidden}
ul li.nav4 .nlist ul{ float:right;  width:270px; height:99px;}
ul li.nav4 .nlist ul li{ line-height:26px; background:url(../images/ico111.png) no-repeat 5px; color:#fff; margin-right:10px; width:80px; }
ul li.nav4 .nlist ul li a{ color:#fff}



ul li.nav5 .nlist{ right:-64px;}
ul li.nav5 .nlist span.bg{top:-4px; right:130px;} 
ul li.nav5 .nlist .img{ float:left; width:155px; height:99px; overflow:hidden}
ul li.nav5 .nlist ul{ float:right; width:188px;}
ul li.nav5 .nlist ul li{ line-height:26px; background:url(../images/ico111.png) no-repeat 5px; color:#fff; margin-right:10px; width:80px; }
ul li.nav5 .nlist ul li a{ color:#fff}



ul li.nav6 .nlist{ right:-60px;}
ul li.nav6 .nlist span.bg{top:-4px; right:130px;} 
ul li.nav6 .nlist .img{ float:left; width:155px; height:99px; overflow:hidden}
ul li.nav6 .nlist ul{ float:right; width:188px;}
ul li.nav6 .nlist ul li{ line-height:26px; background:url(../images/ico111.png) no-repeat 5px; color:#fff; margin-right:10px; width:80px; }
ul li.nav6 .nlist ul li a{ color:#fff}


ul li.nav7 .nlist{ right:-80px;}
ul li.nav7 .nlist span.bg{top:-4px; right:130px;} 
ul li.nav7 .nlist .img{ float:left; width:155px; height:99px; overflow:hidden}
ul li.nav7 .nlist ul{ float:right; width:188px;}
ul li.nav7 .nlist ul li{ line-height:26px; background:url(../images/ico111.png) no-repeat 5px; color:#fff; margin-right:10px; width:80px; }
ul li.nav7 .nlist ul li a{ color:#fff}



#banner{ width:100%; height:541px; border-bottom:1px solid #eeeef0; overflow:hidden}
DB_tab25 {width:100%;height:300px; position:relative;}

.DB_tab25 .DB_bgSet{position:relative;}
.DB_tab25 .DB_bgSet li{position:absolute;width:100%;height:541px;display:none}

.DB_tab25 .DB_imgSet{position:absolute;width:1000px;left:50%;margin-left:-500px;}
.DB_tab25 .DB_imgSet .DB_1_0{position:absolute;bottom:0px;top:0px;}
.DB_tab25 .DB_imgSet .DB_1_1{position:absolute;left:630px;top:0px;}
.DB_tab25 .DB_imgSet .DB_1_2{position:absolute;left:690px;top:80px}
.DB_tab25 .DB_imgSet .DB_1_3{position:absolute;left:720px;top:145px}
.DB_tab25 .DB_imgSet .DB_1_4{position:absolute;left:720px;top:175px}
.DB_tab25 .DB_imgSet .DB_1_5{position:absolute;left:720px;top:205px}

.DB_tab25 .DB_imgSet .DB_2_1{position:absolute;left:0px;top:250px;}
.DB_tab25 .DB_imgSet .DB_2_2{position:absolute;left:100px;top:250px}
.DB_tab25 .DB_imgSet .DB_2_3{position:absolute;left:250px;top:250px}
.DB_tab25 .DB_imgSet .DB_2_4{position:absolute;left:420px;top:250px}
.DB_tab25 .DB_imgSet .DB_2_5{position:absolute;left:580px;top:250px}
.DB_tab25 .DB_imgSet .DB_2_6{position:absolute;left:680px;top:250px}
.DB_tab25 .DB_imgSet .DB_2_7{position:absolute;left:850px;top:250px}
.DB_tab25 .DB_imgSet .DB_2_8{position:absolute;left:500px;top:90px}
.DB_tab25 .DB_imgSet .DB_2_9{position:absolute;left:575px;top:150px}


.DB_tab25 .DB_imgSet .DB_3_1{position:absolute;left:20px;top:350px;}
.DB_tab25 .DB_imgSet .DB_3_2{position:absolute;left:630px;top:130px}
.DB_tab25 .DB_imgSet .DB_3_3{position:absolute;left:635px;top:195px}
.DB_tab25 .DB_imgSet .DB_3_4{position:absolute;left:625px;top:260px}
.DB_tab25 .DB_imgSet .DB_3_5{position:absolute;left:625px;top:285px}
.DB_tab25 .DB_imgSet .DB_3_6{position:absolute;left:640px;top:310px}


.DB_tab25 .DB_menuWrap{position:absolute;width:1000px;left:50%;margin-left:-500px;}
.DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;width:100%;top:500px;text-align:center;font-size:0}
.DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline}


.DB_tab25 .DB_prev{position:absolute;left:-100px;top:250px;cursor:pointer;display:none}
.DB_tab25 .DB_next{position:absolute;right:-100px;top:250px;cursor:pointer;display:none;z-index:1000;}



#about{ margin-bottom:35px; overflow:hidden}
#about .title{ position:relative; margin-bottom:51px;}
#about .title .bt{ position:absolute; top:54px; width:173px; left:40% }
#about .video{ width:386px; height:318px; overflow:hidden; position:relative; float:left}
#about .video .video_img{ width:358px; height:203px; margin-top:13px; margin-left:14px; position:absolute; z-index:1005}
#about .video .video_bg{ position:absolute; top:0px; left:0px;}
#about .wz{ width:675px; float:right;transition:all 0.5s ease-in-out }
#about .wz .des{font-size:13px; line-height:30px; height:150px; overflow:hidden; margin-bottom:42px;}







#about .more {background:#ccced0 url(../images/ico.png) no-repeat 14px; width:90px; height:33px; line-height:33px;border-radius:6px; font-size:13px; color:#fff; padding-left:36px; letter-spacing:6px;
 
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
 
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  
  color: #fff; overflow:hidden; position:relative;behavior:url(pie.htc);
}
#about .more:before {
	background:#ba1b20 url(../images/ico.png) no-repeat 14px; border-radius:6px; height:33px; line-height:33px;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;behavior:url(pie.htc);
}


#about .more:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  
}
#about .more a{ color:#fff}



















#case{ margin-bottom:50px;}
#case .title{ text-align:center}
#case .inner{ background:url(../images/case_bg.jpg) top center no-repeat; height:354px; width:100%; margin-top:43px; padding-top:60px;}
#case .inner ul li{ width:353px; float:left; margin-right:16px; position:relative}
#case .inner ul li .case_img_ico{width:60px;height:63px;background:url(../images/ico10.png) no-repeat;position:absolute;left:50%;top:50%;margin-left:-30px;margin-top:-65px;opacity:0;
filter:alpha(opacity=0);z-index:99;-ms-transform:scale(2);-webkit-transform:scale(2);transform:scale(2);transition:opacity 100ms;-webkit-transition:opacity 100ms}
#case .inner ul li a:hover .case_img_ico{-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);opacity:.9;filter:alpha(opacity=90);
transition:opacity 500ms,transform 500ms;-webkit-transition:opacity 500ms,-webkit-transform 500ms}

#case .inner ul li .case_img_bg{position:absolute;left:0;top:0; width:100%; height:98.8% ;background:#000; opacity:0; filter:alpha(opacity=0); transition:all 1.0s ease-in-out}
#case .inner ul li a:hover .case_img_bg{opacity:.5;filter:alpha(opacity=50);transition:opacity 300ms,transform 300ms;-webkit-transition:opacity 300ms,-webkit-transform 300ms}




#case .inner ul li .case_title{height:53px; line-height:53px; text-indent:34px; font-size:13px; position:relative; background:#dddddd}
#case .inner ul li .case_title .bj{ width:3%; height:53px; background:#ba1b20; position:absolute; left:0px; top:0px; z-index:99}
#case .inner ul li .case_title span{ position:relative; z-index:100}
#case .inner ul li .case_title:hover{ color:#fff}
#case .inner ul li .case_title .mo{  float:right;position:relative; z-index:100; margin-right:25px; margin-top:15px;background:url(../images/mo.png) top center no-repeat; width:21px; height:21px;}


#team{ position:relative; z-index:1001 }
#team .title{ text-align:center; margin-bottom:47px;}

#team .inner ul li{ width:253px; float:left; margin-right:20px;}
#team .inner ul li .temam_in{ position:relative; z-index:1001}
#team .inner ul li .temam_in .team_wz{  bottom: 0; color: #fff; left: 0;  position: absolute; z-index: 10; height:96px; overflow:hidden; width:253px;}
#team .inner ul li .temam_in .team_wz a{ display:block;   padding: 16px 86px 16px 18px; color:#fff; background:url(../images/team_wzbg.png) top center repeat;transition: all 0.2s linear 0s;}
#team .inner ul li .temam_in .team_wz a:hover{ background:#ba1b21; color:#fff;}

#team .inner ul li span{ background-position: 21px -101px;
    border-left: 1px dashed #d99697;
    display: block;
    height: 68px;
    position: absolute;
    right: 0;
    text-indent: -999em;
    top: 16px;
    width: 68px;}
	
#team .inner ul li .icon-bg{ background:url(../images/ico2.png) center no-repeat}
#team .inner ul li h2{font-size: 13px;font-weight: bold; height: 20px;line-height: 20px;overflow: hidden; width:140px;}
#team .inner ul li p{ line-height:22px; height:44px; overflow:hidden;letter-spacing:1px;}

.team_bg{ width:100%; position:relative}
.xinwen-bg{ position:absolute; bottom:-123px; right:0px;}

#team .inner ul li .team_img{ position:relative; width:253px; height:327px; overflow:hidden}
#team .inner ul li .team_img img{ display:block}
#team .inner ul li .team_img .bg{ width:100%; height:100%; background:url(../images/p_bg.png) top center repeat; position:absolute; top:-500px; left:0px;}
#team .inner ul li .team_img .mo{ margin:auto; position:absolute; bottom:-180px; left:105px;}



#brand{ height:315px; margin-top:50px;}

#news{ margin-top:50px; margin-bottom:100px;}
#news .title{ text-align:center}
#news .inner{ margin-top:43px;}
#news .inner ul li{ width:220px; text-align:left; float:left; margin-right:28px; display:inline; margin-left:28px;}
#news .inner ul li .time{ background:url(../images/time.jpg) top center no-repeat; width:70px; height:45px; padding-top:23px; padding-left:21px; font-family:Microsoft Yahei; font-size:12px; line-height:15px; color:#6b6b6c}
#news .inner ul li .time b{ font-family:Microsoft Yahei; font-size:16px; color:#5b5b5b; font-weight:bold}
#news .inner ul li .des{  margin-top:25px; margin-left:5px;}

#news .inner ul li .des h2{ caption-side:#5b5b5b; font-size:13px; font-weight:bold; position:relative}
#news .inner ul li .des h2 .line{ position:absolute; bottom:-5px; height:2px; background:#ad002e; left:0px;width:0%; z-index:1000}

#news .inner ul li .des p{ line-height:20px; color:#5b5b5b; height:60px; overflow:hidden; margin-top:10px;}

#news .inner ul li .more{ margin-top:35px;margin-left:5px;}

.footer_top{ width:100%; height:66px;}
.footer_bg{ width:100%; background:#1f2021}
#footer{ height:202px;}
#footer .logo1{ border-right:1px solid #2b2c2f; width:378px; float:left}
#footer .wz{ width:430px; float:left; margin-left:30px; display:inline; margin-top:23px;}
#footer .wz h1{ font-size:14px; color:#c0c0c0; margin-bottom:5px;}
#footer .wz h1 a{color:#c0c0c0;}
#footer .cpy{ color:#626467}
#footer .cpy a{ color:#626467}
#footer .wx{ width:246px; float:right; margin-top:23px;}
#footer .tb{ margin-top:8px}
#footer .tb ul li{ width:35px; float:left; margin-right:10px;}


#footer .tb .qq a{ background:url(../images/ico4.png) top center no-repeat; width:32px; height:32px; display:block; float:left; margin-right:11px; display:inline;transition:all 0.5s ease-in-out}
#footer .tb .qq a:hover{background:url(../images/ico44.png) top center no-repeat;}
#footer .tb .wb a{ background:url(../images/ico5.png) top center no-repeat; width:32px; height:32px; display:block; float:left; margin-right:11px; display:inline;transition:all 0.5s ease-in-out}
#footer .tb .wb a:hover{ background:url(../images/ico55.png) top center no-repeat; }
#footer .tb .phone a{ background:url(../images/ico6.png) top center no-repeat; width:35px; height:38px; display:block; float:left; transition:all 0.5s ease-in-out}
#footer .tb .phone a:hover{ background:url(../images/ico66.png) top center no-repeat; }







#sub_banner{  height:251px;}

.sub_containerbg{ width:100%; padding-bottom:119px;}

.sidebar{ width:220px; float:left; padding-top:8px; }
.subnav{background:url(../images/sid_bg1.png) top center repeat-y; }
.subnav ul{background:url(../images/sid_bg.png) top center no-repeat;padding-top:10px; min-height:339px; }
.subnav ul li.sub1{height:49px; line-height:49px; text-align:center}
.subnav ul li.sub1 a{  display:block; color:#ad002e; font-size:14px;}
.subnav ul li.sub1 a:hover{background:url(../images/libg.png) top center no-repeat; height:49px; line-height:49px; text-align:center; color:#fff}
.subnav ul li.sub1 a.current{background:url(../images/libg.png) top center no-repeat; height:49px; line-height:49px; text-align:center; color:#fff}
.subnav ul li.sub2{ width:155px; margin:auto}
.subnav ul li.sub2 a{ text-align:center;color:#ad002e;display:block; margin-left:2px;background:url(../images/ico9.png) no-repeat 35px;}
.subnav ul li.sub2 a.current{ background:url(../images/ico8.png) no-repeat 35px;}
.subnav ul li.sub2 a:hover{ background:url(../images/ico8.png) no-repeat 35px;}

.main{ width:835px; float:right; margin-top:75px; margin-right:20px; display:inline; overflow:hidden}
.article img { max-width:830px;}



.sub_news .inner ul { margin-top:55px;}
.sub_news .inner ul li{ width:220px; text-align:left; float:left; margin-right:58px; display:inline;}
.sub_news .inner ul li .time{ background:url(../images/time.jpg) top center no-repeat; width:70px; height:45px; padding-top:23px; padding-left:21px; font-family:Microsoft Yahei; font-size:12px; line-height:15px; color:#6b6b6c}
.sub_news .inner ul li .time b{ font-family:Microsoft Yahei; font-size:16px; color:#5b5b5b; font-weight:bold}
.sub_news .inner ul li .des{  margin-top:25px; margin-left:5px;}
.sub_news .inner ul li .des h2{ caption-side:#5b5b5b; font-size:13px; font-weight:bold; position:relative}
.sub_news .inner ul li .des h2 .line{ position:absolute; bottom:-5px; height:2px; background:#ad002e; left:0px;width:0%; z-index:1000}

.sub_news .inner ul li .des p{ line-height:20px; color:#5b5b5b; height:60px; overflow:hidden; margin-top:10px;}
.sub_news .inner ul li .more{ margin-top:35px;margin-left:5px;}


.sub_news_img{ width:285px; float:left; overflow:hidden; margin-right:8px; display:inline}
.sub_news_img img{ border:1px solid #bebebe; padding:3px; height:191px;width:277px;}
.sub_news_wz{ width:535px; float:left; }
.sub_news_wz .des .line3{ width:100%; height:72px; background:rgba(0,0,0,.2); position:absolute; top:0px;opacity:.5; left:0px; z-index:1}
.sub_news_wz .des{ color:#5b5b5b; line-height:24px; height:72px; overflow:hidden; margin-bottom:20px;position:relative;padding-left:3px; padding-right:3px; }

.sub_news_wz h2{ font-size:14px; color:#5b5b5b; font-weight:bold}
.sub_news_wz .date{ color:#8e9093; background:url(../images/ico7.jpg) no-repeat 0px 5px; padding-left:25px; margin-bottom:5px; margin-top:5px;}

.sub_news_wz .more{ width:45px; height:20px; line-height:20px; background: #afb3ba url(../images/st_13.png) no-repeat 10px; display:block; color:#fff; font-size:11px; font-family:Arial; padding-left:25px;transition:all 0.5s ease-in-out}
.sub_news_wz .more a{ color:#fff}
.sub_news_wz .more:hover{ width:50px; height:25px; line-height:25px;background: #ba1b20 url(../images/st_13.png)  no-repeat 10px;}

.sub_news .inner{ margin-top:15px;}






.text_list li{ height:32px; line-height:32px; background:url(images/ico7.jpg) no-repeat 5px;text-indent:2em; border-bottom:solid 1px #CCC}
.text_list li span{ float:right; margin-right:6px;}
.img_list li{ float:left; text-align:center; margin:10px;width:353;height:247;}
.img_list li img{ display:block; padding:2px; border:solid 1px #CCC;width:100%}





.sub_team ul li{ width:253px; float:left; margin-right:25px; margin-bottom:25px;}
.sub_team ul li .temam_in{ position:relative; z-index:1001}
.sub_team ul li .temam_in .team_wz{  bottom: 0; color: #fff; left: 0;  position: absolute; z-index: 10;height:96px; overflow:hidden; width:253px;}
.sub_team .inner ul li .temam_in .team_wz{  bottom: 0; color: #fff; left: 0;  position: absolute; z-index: 10; height:96px; overflow:hidden; width:253px;}
.sub_team .inner ul li .temam_in .team_wz a{ display:block;   padding: 16px 86px 16px 18px; color:#fff; background:url(../images/team_wzbg1.png) top center repeat;transition: all 0.2s linear 0s;}
.sub_team .inner ul li .temam_in .team_wz a:hover{ background:#b4b2b2; color:#fff;}

.sub_team ul li span{ background-position: 21px -101px;
    border-left: 1px dashed #d9d9d9;
    display: block;
    height: 68px;
    position: absolute;
    right: 0;
    text-indent: -999em;
    top: 16px;
    width: 68px;}
	
.sub_team ul li .icon-bg{ background:url(../images/ico2.png) center no-repeat}
.sub_team ul li h2{font-size: 13px;font-weight: bold; height: 20px;line-height: 20px;overflow: hidden; width:140px;}
.sub_team ul li p{ line-height:22px; height:44px; overflow:hidden}


.sub_team .inner ul li .team_img{ position:relative; width:253px; height:327px; overflow:hidden}
.sub_team .inner ul li .team_img img{ display:block}
.sub_team .inner ul li .team_img .bg{ width:100%; height:100%; background:url(../images/p_bg.png) top center repeat; position:absolute; top:-500px; left:0px;}
.sub_team .inner ul li .team_img .mo{ margin:auto; position:absolute; bottom:-180px; left:105px;}




.sub_pro .line{ height:2px; background:#e2e2e2; text-align:center; margin:auto;display:block;transition:all 0.5s ease-in-out; position:relative; width:50px;}
	






.sub_pro ul li{ float:left; width:266px; margin-right:10px; margin-bottom:15px;cursor: pointer;}




.sub_pro ul li .sub_proimg{ position:relative; width:266px; height:185px; overflow:hidden}
.sub_pro ul li .sub_proimgg img{ display:block}
.sub_pro ul li .sub_proimg .bg{ width:100%; height:100%; background:url(../images/p_bg.png) top center repeat; position:absolute; top:-200px; left:0px;}
.sub_pro ul li .sub_proimg .mo{ margin:auto; position:absolute; bottom:-100px; left:105px;}



















.sub_pro .sub_prowz{background-color: #fff;
    padding: 15px 0;
    text-align: center;
    transition: all 0.4s ease-in-out 0s;
    width: 100%;}
.sub_pro .sub_prowz h3{
    display: inline-block;
    font-size: 13px;
    padding-bottom: 15px; color:#474747}
	
.sub_pro .sub_prowz small{color: #cccccc;
    display: block;
    font-size: 13px;
    margin: 15px auto 0; font-weight:bold}
	
	
.sub_sanxing ul li{ height:206px; margin-bottom:17px;}
.sub_sanxing .sanxing_img{  float:left;  position:relative;padding:3px; border:1px solid #c4c4c4;width:291px; height:201px; overflow:hidden}

.sub_sanxing .sanxing_wz{ width:480px; float:left; margin-left:20px; display:inline; font-size:13px; line-height:33px; color:#3b3838; }


.sub_sanxing ul li .bg{ width:100%; height:100%; background:url(../images/p_bg.png) top center repeat; position:absolute; bottom:-300px; left:0px;}


.sub_sanxing ul li .mo{ margin:auto; position:absolute; top:-130px; left:110px}





.sub_sanxing .more {background:#ccced0 url(../images/ico.png) no-repeat 14px; width:90px; height:33px; line-height:33px;border-radius:6px; font-size:13px; color:#fff; padding-left:36px; letter-spacing:6px;
 
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
 
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  
  color: #fff; overflow:hidden; position:relative;behavior:url(pie.htc); margin-top:20px;
}
.sub_sanxing .more:before {
	background:#ba1b20 url(../images/ico.png) no-repeat 14px; border-radius:6px; height:33px; line-height:33px;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;behavior:url(pie.htc);
}


.sub_sanxing .more:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  
}
.sub_sanxing .more a{ color:#fff}


































#pagination{ margin-top:100px;}



.sub_container{ overflow:hidden}
